/**
 * CSS Document * 
 * Created by Jessie 2016/9/23.
 */
@import "common_style";
.cblb-left{.dis-in-b;.float-left;width: 23.5%;background: #90a4ae;
  .menu{
    ul{
      li{
        &.li01 {
          background: url("../images/cblb_ico01.png") 20px 10px no-repeat;
          border-bottom: 1px solid #81939c;
          padding-bottom: 10px;
        }
        &.li02 {
          background: url("../images/cblb_ico05.png") 20px 12px no-repeat;
          border-bottom: 1px solid #81939c;
        }
        &.li03 {
          background: url("../images/cblb_ico06.png") 20px 12px no-repeat;
          border-bottom: 1px solid #81939c;
        }
        &.li04 {
          background: url("../images/cblb_ico07.png") 20px 10px no-repeat;
          border-bottom: 1px solid #81939c;
        }
        ul{background: #7e949e;}
      }
    }
  }
  .menu ul li a {
    display: block;
    height: 34px;
    margin-top: 0px;
    padding: 10px 0 0 50px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    outline: none;
  }
  .menu ul li .active {
    background:url("../images/cblb_ico02_h.png") 204px 17px no-repeat;
  }
  .menu ul li .inactive {
    background: url("../images/cblb_ico02.png") 210px 16px no-repeat;
  }
  .menu ul.two li .active {
    background: url("../images/cblb_ico03.png") left 16px no-repeat;
    padding-left: 20px;
  }
  .menu ul.two li .inactive {
    background: url("../images/cblb_ico03_h.png") left 16px no-repeat;
    font-weight: bold;
    padding-left: 20px;
  }
  .menu ul li ul {
    display: none;
    li{padding-left: 20px;
      a {
        background: none;
        font-size: 14px;
        color: #dcedc8;
        padding-left: 0;
        &:hover {
          color: #f60;
        }
      }
    }
  }
}
.cblb-right{.dis-in-b;.float-left;width: 76.5%;background: #fff;
  .top{.clearfix;padding: 24px 20px 10px 20px;border-bottom: 1px solid #e7e7e7;margin: 0;
    .l-a{.dis-in-b;.float-left;padding:0 44px 0 10px;border: 1px solid #e7e7e7;.rounded-corners(5px);background: url("../images/cblb_r_ico01.png") no-repeat 78px center;font:14px/24px @font-yahei;color: #333;}
    span{.dis-in-b;.float-right;
      .sr{.dis-in-b;.float-left;width: 140px;height: 22px;border: 1px solid #e5e5e5;padding: 0 24px 0 15px;background: url("../images/cblb_r_ico02.png") no-repeat 114px center;.rounded-corners(11px);}
      a{.dis-in-b;margin-left: 10px;border: 1px solid #e7e7e7;.rounded-corners(5px);padding: 0 10px;font:14px/24px @font-yahei;color: #29b6f6;&:hover{color: #ff5448;}}
    }
  }
  th{background: #f2f2f2;.text-center;line-height: 40px;border-top:1px solid #fff;}
  td{.text-center;}
  em{color: #f60;font-style: normal;
    &.green{color: #00c853;}
    &.blue{color: #4fc3f7;}
  }
}
.bj-con{background: #fff;padding:20px;
  .tit{font:bold 18px/24px @font-yahei;color: #666;padding-left: 20px;}
  .nav{background: url("../images/bj_line.png") repeat-x left bottom;border: none;
    li{border:none;
      a{.dis-in-b;border:none;font:bold 18px/40px @font-yahei;color: #666;padding: 0 20px 0 42px;
        &:hover{background: none;}
        &.ico01{background: url("../images/bj_ico01.png") no-repeat 10px center;}
        &.ico02{background: url("../images/bj_ico02.png") no-repeat 10px center;}
        &.ico03{background: url("../images/bj_ico03.png") no-repeat 10px center;}
      }
      &.active{background:url("../images/bj_line01.png") repeat-x left bottom;
        a{border:none;color: #4ec4f6;
          &.ico01{background: url("../images/bj_ico01_h.png") no-repeat 10px center;}
          &.ico02{background: url("../images/bj_ico02_h.png") no-repeat 10px center;}
          &.ico03{background: url("../images/bj_ico03_h.png") no-repeat 10px center;}
        }
      }
    }
  }
  #web{
    p{margin-top: 20px;
      .col-xs-1{padding: 0;}
      label{font-weight: normal;font-size: 14px;.text-right;line-height: 2em;}
      .zk{background:#eee url("../images/bj_ico04.png") no-repeat 10px center;padding-left:28px;}
      img{max-width: 930px;}
    }
    .btn-box{.mt20;.text-center;
      a{.dis-in-b;.rounded-corners(5px);font-size: 16px;font-family: 微软雅黑;margin: 0 20px;line-height: 46px;padding: 0 20px;
        &.a1{background: #4ec4f6;color: #fff;}
        &.a2{background: #eee;color: #666;}
      }
    }
    .modal-body{padding-bottom:60px;.text-center;strong{.dis-in-b;background: url("../images/bccg_ico.png") no-repeat left center;padding:0 0 0 60px;font:30px/80px @font-yahei;color: #666;}}
  }
  .wb-con{margin-top: 20px;border: 7px solid #cccbca;
    .main{padding: 12px 20px;}
    .wb-tx{height: 70px;padding: (70-45)/2px 0;background: #fff;position: relative;
      a{margin: 0 10px;img{width: 45px;height: 45px;}
        &.btn-pre{.dis-in-b;width: 10px;height: 18px;background: url("../images/2016kfq_wb_btn_pre.png") no-repeat;position: absolute;left: -20px;top:25px;}
        &.btn-next{.dis-in-b;width: 10px;height: 18px;background: url("../images/2016kfq_wb_btn_next.png") no-repeat;position: absolute;right: -20px;top:25px;}
      }
    }
    h3{.clearfix;
      .span-l{.dis-in-b;.float-left;font:12px/22px @font-yahei;color: #666;
        a{font:12px/22px @font-yahei;color: #34a2d1;
          &.btn{.dis-in-b;padding: 0 10px;border: 1px solid #ddd;&:hover{border: 1px solid #34a2d1;}}
        }
      }
      .span-r{.dis-in-b;.float-right;font:12px/22px @font-yahei;color: #666;}
    }
    textarea{width:100%;border: 1px solid #ddd;background: #fff;padding: 20px;font:14px/24px @font-yahei;color: #333;min-height:300px;}
    h4{.clearfix;}
  }
  .wx-con{border: 7px solid #cccbca;
    p{margin-top: 20px;
      .col-xs-1{padding: 0;}
      label{font-weight: normal;font-size: 14px;.text-right;line-height: 2em;}
    }
    .main{margin: 15px;padding: 20px;background: #fff;}
    .top-p{border: 1px solid #ddd;border-bottom:none;height: 39px;background: url("../images/2016kfq_wx_bg01.png") no-repeat left center;margin: 5px 0 0 0;}
    .bot-p{.clearfix;font:12px/19px @font-yahei;color: #666;.text-right;
      a{.dis-in-b;.float-left;width: 19px;height: 19px;background: url("../images/2016kfq_wx_bq.png") no-repeat;}
    }
    .fscg-tc{.dis-in-b;width: 100%;height: 100%;background: #000;position: fixed;left: 0;top:280px;
      .m-box{.dis-in-b;width: 460px;height: 250px;background: #fff;.rounded-corners(5px);position: absolute;left: 50%;top:150px;margin-left: -230px;}
      h3{height: 52px;background: #F6F6F6;position: relative;margin: 0;padding: 0;.rounded-corners(5px 5px 0 0);
        a{.dis-in-b;width: 31px;height: 31px;background: url("../images/2016kfq_wx_close.png") no-repeat;position:absolute;top:10px;right: 20px;}
      }
      p{font:bold 24px/60px @font-yahei;color: #000;.text-center;}
    }
  }
}
.cbry-con{
  .main{background: #fff;padding-top: 15px;}
  .tit{border-bottom: 1px solid #e5e5e5;margin:0;padding:0;.clearfix;
    strong{.dis-in-b;.float-left;background: url("../images/cbry_ico01.png") no-repeat left center;padding:0 0 0 20px;font:bold 20px/44px @font-yahei;color: #333;}
    span{.dis-in-b;.float-right;padding-top: 10px;}
    a{.dis-in-b;height: 22px;border: 1px solid #e7e7e7;padding: 0 10px;margin:0 5px;color: #333;.rounded-corners(4px);font-size:14px;&.red{color: #f00;}
    }
  }
  .tab-ul{padding: 10px 20px 0 0;.clearfix;background: url("../images/bj_line.png") repeat-x left bottom;
    li{.dis-in-b;.float-left;padding: 0 15px;font:14px/30px @font-yahei;color: #666;cursor: pointer;&.cur{background: url("../images/bj_line01.png") repeat-x left bottom;color: #5fc7f7;font-weight: bold;}}
    a{.dis-in-b;.float-right;font:14px/30px @font-yahei;color: #81c784;}
  }
  th{background: #f2f2f2;.text-center;line-height: 40px;border-top:1px solid #fff;}
  .table td{.text-center;border-top:none;}
  em{color: #f60;font-style: normal;
    &.green{color: #00c853;}
    &.blue{color: #4fc3f7;}
  }
  .pic{height: 334px;.text-center;img{max-width: 100%;}}
  .kjgn{background: #fff;margin-top: 20px;.clearfix;
    strong{.dis-in-b;.float-left;background: url("../images/cbry_ico01.png") no-repeat left center;padding:0 15px 0 20px;border-right:1px solid #e5e5e5;font:bold 16px/60px @font-yahei;color: #333;}
    a{.dis-in-b;.float-left;margin: 0 25px;font:bold 14px/60px @font-yahei;color: #1e88e5;}
  }
  .pic-ld{height: 362px;img{max-width: 100%;max-height: 352px;}}
  .sflm-box{background: #ecf9ff;.clearfix;
    li{.dis-in-b;.float-left;width: 20%;border-left: 1px solid #caeeff;padding: 30px 0;.text-center;font:14px/20px @font-yahei;color: #333;
      strong{font:bold 24px/40px @font-yahei;color: #40c4ff;}
      &:first-child{border: none;}
    }
  }
}
.hdzx-con {
  .main {
    background: #fff;
    padding-top: 15px;
  }
  .tit {
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
    padding: 0;
    .clearfix;
    strong {
      .dis-in-b;
      .float-left;
      background: url("../images/cbry_ico01.png") no-repeat left center;
      padding: 0 0 0 20px;
      font: bold 20px/44px @font-yahei;
      color: #333;
    }
    span {
      .dis-in-b;
      .float-right;
      padding-top: 10px;
    }
    a {
      .dis-in-b;
      height: 22px;
      border: 1px solid #e7e7e7;
      padding: 0 10px;
      margin: 0 5px;
      color: #333;
      .rounded-corners(4px);
      font-size: 14px;
      &.red {
        color: #f00;
      }
    }
  }
  .tab-ul {
    padding: 10px 20px 0 0;
    .clearfix;
    background: url("../images/bj_line.png") repeat-x left bottom;
    li {
      .dis-in-b;
      .float-left;
      padding: 0 15px;
      font: 14px/30px @font-yahei;
      color: #666;
      cursor: pointer;
      &.cur {
        background: url("../images/bj_line01.png") repeat-x left bottom;
        color: #5fc7f7;
        font-weight: bold;
      }
    }
  }
  .tab-ul01 {
    height: 40px;
    background: #f2f2f2;
    .clearfix;
    li {
      .dis-in-b;
      .float-left;
      padding: 0 20px;
      font: 14px/40px @font-yahei;
      color: #333;
      cursor: pointer;
      &.cur {
        background: #fff;
        color: #ff5448;
      }
    }
  }
  .zxts-list {
    li {
      height: 40px;
      background: #fbfbfb;
      padding-left: 20px;
      &.bg01 {
        background: #f2f2f2;
      }
      a {
        font: 14px/40px @font-yahei;
        color: #333;
      }
    }
  }
  .wsdc-dl {
    dt {
      height: 40px;
      background: #fbfbfb;
      padding: 0 20px;
      .clearfix;
      font: 14px/40px @font-yahei;
      color: #333;
      a {
        .dis-in-b;
        .float-right;
        font: 14px/40px @font-yahei;
        color: #81c784;
      }
    }
    dd {
      padding: 10px 20px;
      p {
        padding: 0;
        a {
          background: url("../images/hdzx_li_ico.png") no-repeat left center;
          padding-left: 10px;
          font: 14px/20px @font-yahei;
          color: #333;
        }
        span {
          font: 14px/20px @font-yahei;
          color: #4fc3f7;
        }
      }
    }
  }
  .h-320 {
    height: 320px;
    overflow: hidden;
  }
  .yjzj {
    .m-box {
      padding: 10px 15px 9px 15px;
      background: url("../images/hdzx_line.png") repeat-x left bottom;
      p {
        padding: 0;
        margin: 0;
        font: 14px/22px @font-yahei;
        color: #333;
        a {
          color: #333;
        }
        em {
          color: #00b05a;
          font-style: normal;
        }
      }
    }
  }
  .zxft-box {
    background: url("../images/hdzx_line.png") repeat-x left bottom;
    padding: 20px;
    .clearfix;
    img {
      .dis-in-b;
      .float-left;
      width: 122px;
      height: 94px;
      border: 3px solid #e7e7e7;
      margin: 0 20px 0 0;
    }
    p{margin:0;height:25px;overflow:hidden;font:14px/25px @font-yahei;color: #333;
      a{font:14px/25px @font-yahei;color: #f25b00;}
      span{margin:0 5px;font:14px/25px @font-yahei;color: #f25b00;}
    }
  }
  th{background: #f2f2f2;.text-center;line-height: 40px;border-top:1px solid #fff;}
  .table td{.text-center;
    &.td01{width: 60%;.text-left;}
    a{color: #333;}
  }
  em{color: #f60;font-style: normal;}
}